﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
<link rel="stylesheet" type="text/css" href="/UIFramkwork/jquery_easyui_1_3_2/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="/UIFramkwork/jquery_easyui_1_3_2/themes/icon.css">   
<script type="text/javascript" src="/UIFramkwork/jquery_easyui_1_3_2/jquery-1.8.0.min.js"></script>   
<script type="text/javascript" src="/UIFramkwork/jquery_easyui_1_3_2/jquery.easyui.min.js"></script> 
</head>
<body>
<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">   
    <option value="aa">aitem1</option>   
    <option>bitem2</option>   
    <option>bitem3</option>   
    <option>ditem4</option>   
    <option>eitem5</option>   
</select>    
   
<input id="Text1" class="easyui-combobox" name="dept"   
    data-options="valueField:'id',textField:'text',url:'get_data.php'" />  

<input id="Text2" name="dept" value="aa">  


<br />
<input id="cc1" class="easyui-combobox" data-options="    
        valueField: 'id',    
        textField: 'text',
        data:[{    
    'id':1,    
    'text':'text1'   
},{    
    'id':2,    
    'text':'text2'   
}],    
        url: 'get_data1.php',    
        onSelect: function(rec){    
            var url = 'get_data2.php?id='+rec.id;    
            $('#cc2').combobox('reload', url);    
        }" />   
<input id="cc2" class="easyui-combobox" data-options="valueField:'id',textField:'text'" />  




<input class="easyui-combobox" data-options="
		valueField: 'label',
		textField: 'value',
		data: [{
			label: 'java',
			value: 'Java'
		},{
			label: 'perl',
			value: 'Perl'
		},{
			label: 'ruby',
			value: 'Ruby'
		}]" />




<br />
<a href="#" onclick="test();" >测试</a>


<a href="#" onclick="test2();" >测试2</a>
 
<script type="text/javascript">

    $('#Text2').combobox({
        url: 'combobox_data.json',
        valueField: 'id',
        textField: 'text'
    });

    $('#Text1').combobox('setValues', ['001', '002']);



</script>
 
<script type="text/javascript">
    function test() {




    }
    function test2() {


    }





</script>



</body>
</html>
